<template>
  <div class='xtx-home-page'>
    <div>
      <div class="container">
        <!-- 类别 -->
         <homeCategory/>
         <!-- 轮播图 -->
        <homeBanner/>
        <!-- 新鲜好物 -->
        <homeNew/>
        <!-- 新鲜好物热 -->
        <homeHot/>
        <!-- 品牌模块 -->
        <homeBrand/>
      </div>
 </div>
  </div>
</template>

<script>
import homeCategory from './components/home-category.vue'
import homeBanner from './components/home-banner.vue'
import homeNew from './components/home-new.vue'
import homeHot from './components/home-hot.vue'
import homeBrand from './components/home-Brand.vue'

export default {
  name: 'xtx-home-page',
  components: {
    homeCategory,
    homeBanner,
    homeNew,
    homeHot,
    homeBrand
  }
}
</script>

<style scoped lang='less'></style>
